<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page contentType="text/html; charset=UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + "://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>

<!DOCTYPE html>
<html lang="zh-cn">
<head class="wangYeDeYanSe">
    <meta class="wangYeDeYanSe" http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta class="wangYeDeYanSe" http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" class="wangYeDeYanSe" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta class="wangYeDeYanSe" http-equiv="Content-Language" content="zh-CN">
    <title class="wangYeDeYanSe">${siteName}</title>
    <!-- 模版的加载都是动态加载，在下面js里 -->
    <%--<script src="http://res.weiunity.com/layer/layer.js" type="text/javascript"></script>--%>
    <%--<script src="http://res.weiunity.com/layui2/layui.js"></script>--%>
    <%--<link href="http://res.weiunity.com/layui2/css/layui.css" rel="stylesheet" type="text/css">--%>
    <link href="http://118.25.235.213:8030/js/layui-v2.4.5/css/layui.css" rel="stylesheet" type="text/css">

    <script src="http://res.weiunity.com/js/jquery-weui.js" type="text/javascript"></script>
    <link href="http://res.weiunity.com/css/weui.min.css" rel="stylesheet" type="text/css">
    <link href="http://res.weiunity.com/css/jquery-weui.css" rel="stylesheet" type="text/css">

    <style type="text/css">
        #temp {
            margin-left: 30px;
            width: clac(100% -30px);
            height: 100%;
        }

        .btn {
            margin-top: 20px;
        }

        .tp-div {
            float: left;
            /*border: solid red 1px;*/
            width: 300px;
            height: 300px;
            text-align: center;
            margin-right: 20px;
            margin-bottom: 20px;
        }

        .tp-div > img {
            width: 300px;
            height: 200px;
            margin-bottom: 15px;
        }
    </style>
</head>
<body class="wangYeDeYanSe" style="border-image: none;"><br>

<div id="temp">
    <c:forEach items="${tempList}" var="item">
        <div class="tp-div">
            <img src="http://118.25.235.213:8030/image/1.jpg"/>
            <p>${item.name}</p>
            <button class="layui-btn layui-btn-normal btn" onclick="role(${item.id})">一键生成</button>

        </div>
    </c:forEach>
</div>

</body>
<script>

    //重写默认弹窗
    window.confirm = function (message) {
        var iframe = document.createElement("IFRAME");
        iframe.style.display = "none";
        iframe.setAttribute("src", 'data:text/plain,');
        document.documentElement.appendChild(iframe);
        var alertFrame = window.frames[0];
        var result = alertFrame.window.confirm(message);
        iframe.parentNode.removeChild(iframe);
        return result;
    }


    //点击使用模板
    function btn_tmp(id) {

        var r = confirm("温馨提示：第二次生成会删除掉配置好的信息!");
        if (r == true) {
            //步骤一:创建异步对象
            var ajax = new XMLHttpRequest();
//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
            ajax.open('get', "<%=basePath %>template/insertTempNode.do?id=" + id);
//步骤三:发送请求
            ajax.send();
//步骤四:注册事件 onreadystatechange 状态改变就会调用
            ajax.onreadystatechange = function () {
                if (ajax.readyState == 4 && ajax.status == 200) {
                    //步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
                    parent.layer.msg('操作成功', {shade: 0.3});
                    twoCol(id);
                }
            }
        }
    }

    function twoCol(id) {
        //步骤一:创建异步对象
        var ajax = new XMLHttpRequest();
//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
        ajax.open('get', "<%=basePath %>template/insertTwoTemp.do?id=" + id);
//步骤三:发送请求
        ajax.send();
//步骤四:注册事件 onreadystatechange 状态改变就会调用
        ajax.onreadystatechange = function () {
            if (ajax.readyState == 4 && ajax.status == 200) {
                //步骤五 如果能够进到这个判断 说明 数据 完美的回来了,并且请求的页面是存在的
                parent.layer.msg('操作成功', {shade: 0.3});
                setTimeout(function(){  //使用  setTimeout（）方法设定定时2000毫秒
                    // top.location.reload();//刷新父页面
                    parent.location.reload();//刷新包含该框架的页面
                },2000);
            }
        }
    }

    function role(id) {
        //步骤一:创建异步对象
        var ajax = new XMLHttpRequest();
//步骤二:设置请求的url参数,参数一是请求的类型,参数二是请求的url,可以带参数,动态的传递参数starName到服务端
        ajax.open('get', "<%=basePath %>template/userRole.do?id=" + id);
//步骤三:发送请求
        ajax.send();
//步骤四:注册事件 onreadystatechange 状态改变就会调用
        ajax.onreadystatechange = function () {
            if (ajax.readyState == 4 && ajax.status == 200) {
                // btn_tmp(id);
                if(ajax.response == 'true' && ajax.responseText == 'true'){
                    btn_tmp(id);
                }else{
                    parent.layer.msg("您没有权限使用该模板！");
                }
            }
        }
    }
</script>
<script src="http://res.weiunity.com/js/fun.js"></script>
<script src="http://118.25.235.213:8030/js/layui-v2.4.5/layuiall.js"></script>
</html>